<template>
    <div>
        <h2>Directive.vue 测试常用指令</h2>
        <h3>v-text   v-html   v-pre</h3>
        <div v-text="p"></div>
        <p>{{ p }}</p>
        <p v-html="p"></p>
        <p v-pre>官宣{{演唱会}}消息</p>
   </div>
</template>

<script>
    export default {
        data() {
            return {
                p: '<b>廖小夏</b>是{{猪}}'
            }
        },
    }
</script>

<style lang="scss" scoped>

</style>